<template>
    <a-space size="large" class="mx-auto">
        <!-- <a-menu mode="horizontal"> -->
        <template v-for="item in navs" :key="item.path">
            <!-- <a-menu-item> -->
            <router-link :to="item.path" class="text-sm font-light">{{ item.name }}</router-link>
            <!-- </a-menu-item> -->
        </template>
        <!-- </a-menu> -->
    </a-space>
</template>

<script setup lang="ts">
const navs = [
    { name: "首页", path: "/" },
    { name: "栏目", path: "/category" }
];
</script>

<style scoped lang="scss">
.router-link-exact-active {
    @apply font-normal;
}
a:hover {
    @apply font-normal text-black;
}
</style>
